<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:t="http://myfaces.apache.org/tomahawk">
<h:head>
	<title></title>
	<h:outputStylesheet library="css" name="style.css" />
</h:head>
<h:body>
	<ui:include src="header.xhtml" />
	<c:if test="${userlogin !=null}">
		<div id="backContent"  style="border: 1px transparent solid">
			<div class="backgr">
				<ui:include src="bg.xhtml" />
			</div>
			<div id="content" style="height: 450px;">
				<div style="height: 250px; float: left;">
					<h:form>
						<h:graphicImage id="image" alt="Avatar"
							url="#{userBean.avatarPath}" style="height: 250px">
						</h:graphicImage>
					</h:form>

				</div>
				<h:panelGrid columns="2" rowClasses="firstRow, secondRow"
					width="300" class="user_info">
					<h:outputLabel value="Name" for="name" />
					<h:outputLabel id="name" value="#{userBean.user.name}"
						required="true" />

					<h:outputLabel value="City" for="city" />
					<h:outputLabel id="city" value="#{userBean.user.city}"
						required="true" />

					<h:outputLabel value="Sex" for="sex" />
					<h:outputLabel id="sex" value="#{userBean.user.sex}"
						required="true" />

					<h:outputLabel value="About you" for="userInfo" />
					<h:outputLabel id="userInfo"
						value="#{userBean.user.userInfo}" required="true" />
					<h:outputLabel value="Groups" />
					<rich:dataTable value="#{userBean.user.groups}" var="group">
						<rich:column>
							<h:outputText value="#{group.nameGroup}" />
						</rich:column>
					</rich:dataTable>
				</h:panelGrid>
				
			</div>
		</div>

	</c:if>
</h:body>
</html>
